<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" href="../css/reset.css" />
		<link rel="stylesheet" href="../css/tu3.css" />
	</head>
	<body>
		<header>
			<div class="top">
						<span>分类</span>
						<span>品牌</span>
			</div>
			<div class="bottom">
				 <div class="btm_top">
				 	<ul>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 		<li>家居</li>
				 	</ul>	
				 </div>
				 <div  class="btm_di">
				 	<ul>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 		<li>
				 			<p>A&F</p>
				 			<span>阿迪达斯经典三叶草</span>
				 		</li>
				 	</ul>
				 </div>
			</div>
		</header>
		<footer>
			<ul>
				<li><img src="../img/7-15.png" alt="" /></li>
				<li><img src="../img/7-11.png" alt="" /><a href="">搜索</a></li>
				<li><img src="../img/7-12.png" alt="" /><a href="">我的秀</a></li>
				<li><img src="../img/7-13.png" alt="" /><a href="">购物车</a></li>
				<li><img src="../img/7-14.png" alt="" /><a href="">更多</a></li>
			</ul>
		</footer>
		<script src="../js/jquery-1.11.2.min.js"></script>
		<script src="../js/flexible.debug.js"></script>
		<script src="../js/flexible_css.debug.js"></script>
		<script>
			$(function(){
				$('.top span').eq(0).addClass('curr');
				$('.bottom div').eq(0).addClass('curr');
				
				$('.top span').click(function(){
					$(this).addClass('curr').siblings().removeClass('curr');
					$('.bottom div').eq($(this).index()).addClass('curr').siblings().removeClass('curr');
				})
			})
		</script>
	</body>
</html>
